@syncfusion/ej2-base

Event Handling

The EventHandler module allows you to add, remove, and manage event listeners on DOM elements. In this example, a click event listener is added to an element with the ID 'myElement'.

const { EventHandler } = require('@syncfusion/ej2-base');

function clickHandler() {
  console.log('Element clicked');
}

const element = document.getElementById('myElement');
EventHandler.add(element, 'click', clickHandler);

Data Binding

The DataManager module provides a way to manage and query data collections. In this example, a DataManager is created with a simple array of objects, and a query is executed to find an object with an id of 1.

const { DataManager, Query } = require('@syncfusion/ej2-base');

const data = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' }
];

const dataManager = new DataManager(data);
const query = new Query().where('id', 'equal', 1);

dataManager.executeQuery(query).then((result) => {
  console.log(result);
});

Utility Functions

The extend function is a utility that allows you to merge the properties of multiple objects into a single object. In this example, obj1 and obj2 are merged, with properties from obj2 overwriting those in obj1.

const { extend } = require('@syncfusion/ej2-base');

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };

const extendedObj = extend({}, obj1, obj2);
console.log(extendedObj); // Output: { a: 1, b: 3, c: 4 }